<template>
    <div>
    <van-tabbar
    active-color="#FF734C"
    inactive-color="#232628"
      route
    >
  <van-tabbar-item to="/home" icon="home-o">首页</van-tabbar-item>
  <van-tabbar-item to="/cate" icon="icon04" icon-prefix="icon">分类</van-tabbar-item>
  <van-tabbar-item to="/cart" :badge="$store.state.cart.items.length" icon="gouwuche1" icon-prefix="icon">购物车</van-tabbar-item>
  <van-tabbar-item to="/user" icon="04" icon-prefix="icon">我的</van-tabbar-item>
</van-tabbar>
    </div>
</template>

<script>
export default {
  data () {
    return {

    }
  }
}
</script>

<style lang="scss" scoped>
/deep/ .van-tabbar{
     .icon{
       font-size: 22px;
     }

 }
</style>
